@/*
    id : id
    name : 名称
    value :数值
    ico: 图标
    bc: 背景颜色
.gray-bg {
    background-color: #f3f3f4;
}

.white-bg {
    background-color: #ffffff;
}

.navy-bg {
    background-color: #1ab394;
    color: #ffffff;
}

.blue-bg {
    background-color: #1c84c6;
    color: #ffffff;
}

.lazur-bg {
    background-color: #23c6c8;
    color: #ffffff;
}

.yellow-bg {
    background-color: #f8ac59;
    color: #ffffff;
}

.red-bg {
    background-color: #ed5565;
    color: #ffffff;
}

.black-bg {
    background-color: #262626;
}
@*/
<div class="widget style1 ${bc}">
  <div class="row vertical-align">
    <div class="col-xs-3">
      <i class="fa ${icon} fa-3x"></i>
     </div>
     <div class="col-xs-9 text-right">
        <h2><p>${name}</p><p class="font-bold" id="${id}">${value}</p></h2>
      </div>
   </div>
</div>
<style>
  .widget.style1 h2{
    font-size:20px;
  }
</style>
